<template>
  <view class="member-center">
    <intake-nav-bar title="本月积分" dark :fixed="true" color="#fff"/>
    <view class="month-time mt20">
      <view class="current_title padding30">
        <view class="fb-profit">收益分布</view>
        <view class="profit"> <img :src="shaiPic" alt=""> <text>晒收益</text> </view>
      </view>
      <view class="slider-year-month">
        <datePicker ref="datePicker" ></datePicker>
      </view>
    </view>

  </view>
</template>

<script>
import datePicker from '../components/picker/date-picker.vue'
import {getScoreLists} from '@/api/user/userScore'
import {apparatusCount} from '@/api/apparatus'

export default {
  components: {
    datePicker
  },
  data() {
    return {
      loadingType: '', //加载更多status

    }

  },
  computed: {
  },
  created() {
  },
  methods: {

  }
}
</script>

<style lang="scss" scoped>

.member-center{
  background: url($baseBgImage) no-repeat center / 100% 100%;
  width: 100%;
  height: 100vh; /* 使用视口高度，确保元素高度充满整个屏幕 */
  background-size: cover; /* 使背景图片覆盖整个元素 */
  border-radius: 12rpx;
  padding: 0 30rpx;
  .month-time {
    width: 100%;
    background-color: #ffffff;
    padding-bottom: 50rpx;
    .current_title {
      display: flex;
      justify-content: space-between;
      align-items: center;
      height: 100rpx;
      .fb-profit {
        font-size: 30rpx;
        color: #283143;
        width: 128rpx;
        height: 40rpx;
      }

      .profit {
        background-color: #e2e9fb;
        border-radius: 30rpx;
        height: 45rpx;
        width: 160rpx;
        color: #034efd;
        text-align: center;

        img {
          width: 25rpx;
          height: 25rpx;
        }
      }
    }
  }
  .right-opt {
    height: 48rpx;
    line-height: 1;
    text-align: center;
    color: #fff;
    letter-spacing: 5rpx;
  }
}
</style>
